Skip to content

Products page + AereLens launch surface#6

Open
kavin-114 wants to merge 14 commits into
gh-pagesfrom
products-page-launch
Open

Products page + AereLens launch surface#6
kavin-114 wants to merge 14 commits into
gh-pagesfrom
products-page-launch

Conversation

@kavin-114
Copy link
Copy Markdown

@kavin-114 kavin-114 commented Apr 30, 2026

Summary

Ships a Products surface on aerele.in for the AereLens launch (the week of 2026-05-04) and seats future products. AereLens itself is hosted at https://lens.aerele.in/; aerele.in markets and links out.

The work is purely additive — no existing aerele.in design tokens, layout primitives, or page patterns are restyled. New surfaces reuse the existing tailwind.config (ae-*, brand-*, Inter, JetBrains Mono), the existing nav / footer / hero / card / button patterns, and the existing fade-in reveal. The site's tailwind config already names its palette "lens.aerele.in design language" — brand uniformity with AereLens is intrinsic.

What this PR adds

New /products/ page — framing hero, AereLens featured card, brand-story section, narrative section, "more coming" footer note.

  • Hero — eyebrow ▸ PRODUCTS BY AERELE, H1 with brand-emerald highlight on codified (mirroring the homepage hero's contributes highlight), tightened subhead, and a homepage-style stats strip (30+ engineers · 600+ Frappe core PRs · AereLens launching this week)
  • AereLens card — wordmark left + small NEW · LAUNCHING THIS WEEK pill right on a single row; tagline "See what'll break before your ERPNext upgrade."; four feature bullets (Migration audit / Code review / Shareable reports / Strategy call included — every audit comes with a 30-minute review with a senior Frappe/ERPNext engineer who actually contributes to core); single primary CTA "Start with free credits →" with supporting line "New users get free audit credits — no card required."; stylized Mac-style audit-report code window on the right
  • Story-behind-the-name section — typographic breakdown showing Aerele + Lens = AereLens ("Aerele meets Lens — our contributor experience, focused on your code")
  • "Built by the team that contributes to the framework you run on" narrative + "more products in development" outro

Homepage Products teaser section — between "What we do" and "Our Work". Eyebrow + H2 ("Engineering expertise, turned into tools the ecosystem can use") + a card linking to /products/. Section padding tuned (pt-16 sm:pt-20 pb-6 sm:pb-8) so it flows into the next section without dead space. AereLens mark rendered inline (no external image) so the card looks right under both file:// and HTTPS.

Unified site navigation — homepage now uses the same page-route nav as every subpage: Home · Hire Developers · Customization · Integrations · Products · About · Hire us. The previous in-page anchor nav (#why, #work, #team, #pricing) is dropped from the top nav in favor of site-wide consistency. Every subpage gets the new Products link inserted between Integrations and About.

Footer — every page learns the new route:

  • Two big-grid footers (hire-frappe-developer/, hire-erpnext-developer/) gain a 5th "Products" column (AereLens · All products); grid bumped from sm:grid-cols-4sm:grid-cols-5
  • Seven simple inline-link footers gain a Products link before GitHub
  • Three legal-page footers (dpa/, privacy-policy/, terms-of-service/) are intentionally untouched — they carry only legal links by design; the nav Products link covers them

SEO / discoverability

  • sitemap.xml/products/ URL registered (priority 0.9, weekly changefreq)
  • llms.txt — new Products section listing AereLens + the products page
  • llms-full.txt — fuller Products section: tagline, description, capabilities, launch status, and external URL

Files changed

  • New: products/index.html, products/aerelens-mark.svg
  • Edited (every nav-bearing page gets the Products link): index.html, about/index.html, hire-frappe-developer/index.html, hire-erpnext-developer/index.html, erpnext-customization/index.html, erpnext-integration/index.html, erpnext-performance-optimization/index.html, frappe-product-engineering/index.html, case-studies/india-banking/index.html, case-studies/alfarsi-robotics/index.html, dpa/index.html, privacy-policy/index.html, terms-of-service/index.html
  • Edited (SEO): sitemap.xml, llms.txt, llms-full.txt
  • Spec + plan (record): docs/superpowers/specs/2026-04-30-products-page-design.md, docs/superpowers/plans/2026-04-30-products-page.md

Test plan

  • Visit / — confirm new top nav is Home · Hire Developers · Customization · Integrations · Products · About · Hire us
  • Scroll past the "What we do" section to the new Products teaser; click the AereLens card → lands on /products/
  • On /products/: hero shows codified in emerald and the 3-stat strip; AereLens card shows wordmark on the left and a small NEW·LAUNCHING badge on the right; 4 bullets including "Strategy call included"; primary CTA "Start with free credits" opens https://lens.aerele.in/ in a new tab
  • Story-behind-the-name reads "Aerele meets Lens" (not "Aere")
  • Footer on /, /products/, /hire-frappe-developer/ shows 5 columns with Products as the first; on /about/ and the 7 simple-footer pages a Products link is present in the inline footer link list
  • Mobile (~375px wide): mobile menu lists Products on every page; AereLens card stacks; the wordmark/badge row wraps cleanly; footer wraps to 2 cols cleanly
  • view-source:/products/ — canonical, OG tags, WebPage and SoftwareApplication JSON-LD all present
  • /sitemap.xml includes https://aerele.in/products/
  • /llms.txt and /llms-full.txt include AereLens

Design doc for the additive Products surface on aerele.in:
dedicated /products/ page, homepage teaser section, nav and
footer link, sitemap and llms.txt entries. Drives AereLens
launch (lens.aerele.in) and seats future products.
…cable

Nav: all 12 subpages get a Products link between Integrations and About.
Footer: hire-frappe-developer and hire-erpnext-developer (the two big-grid
footers) gain a 5th 'Products' column. The 7 simple inline-link footers gain
a 'Products' link before GitHub. The 3 legal-page footers (DPA, privacy,
terms) are intentionally untouched — they carry only legal links by design.
… gap

- Story behind the name: Aere → Aerele (correct etymology: Aerele + Lens).
- /products/ hero: reframe around engineering experience and Frappe-ecosystem
  contribution; drop the 'for clients / other companies' products' phrasing.
- 'Why this matters' on /products/: same reframe.
- Homepage Products section: H2 + subhead reworded around domain expertise
  and ecosystem benefit; section padding py-20/sm:py-28 → py-16/sm:py-20 to
  close the visual gap above the next section.
- Homepage card: replace external aerelens-mark.svg <img> (absolute path,
  failed under file:// preview) with an inline-styled AL tile; renders
  identically and works everywhere.
- Homepage nav now matches subpage nav (page-route links: Home / Hire
  Developers / Customization / Integrations / Products / About / Hire us).
  Drops in-page anchor nav (#why, #work, #team, #pricing) in favor of
  site-wide consistency.
- Homepage Products section: padding pt-16 sm:pt-20 pb-6 sm:pb-8 and card
  margin trimmed to mt-8, closing the dead space before the Work section.
- /products/ hero CTA: replace 'Try AereLens' + 'Book a walkthrough' with
  a single primary 'Start with free credits' button + supporting line
  'New users get free audit credits — no card required.'
Mirrors the homepage hero idiom — text-brand-400 highlight on a key verb,
plus a homepage-style stats line (30+ engineers / 600+ Frappe core PRs /
AereLens launching this week) so /products/ reads as part of the same site.
…ntributor

Every audit/scan now bundles a 30-minute call with a senior Frappe/ERPNext
engineer who contributes to core. Reinforces the contributor-experience
positioning the rest of the page already establishes.
…ite-wide

Product rebrand: AereLens → Lens (easier to pronounce, cleaner branding in
the Frappe ecosystem). Wordmark drops the "Aere" prefix everywhere, monogram
square goes from "AL" to "L", CLI string updated to `lens audit`. Meta tags,
JSON-LD, llms.txt and llms-full.txt all follow.

Homepage nav: revert to the original anchor-style links (Why Us · Work ·
Team · Pricing · About · Hire us) instead of the page-level link set added
earlier — that change unified subpage nav onto the homepage too aggressively.
Insert a Products ▾ dropdown before About containing a Lens entry that links
to lens.aerele.in.

Subpages: replace the flat Products link with the same dropdown so all
pages match. Footer link bars left flat (different surface).

Story section on /products/: rewrite "Aerele meets Lens" as a two-column
"Aerele → Lens" since the original premise (Aere + Lens = AereLens) no
longer holds.
@kavin-114
Copy link
Copy Markdown
Author

Visual reference for the Lens rebrand + Products dropdown

Homepage — Products nav dropdown (hover state)

Homepage nav with Products dropdown

Original anchor-style nav restored (Why Us · Work · Team · Pricing · About · Hire us). Products ▾ dropdown inserted before About; opens to a single Lens entry linking to lens.aerele.in.

Products page — full

Products page full

Hero stats strip now reads "Lens launching this week". Featured card uses the new Lens pill wordmark; mock terminal command updated to lens audit ./my-erpnext-app.

Products page — rewritten story section

Products page story

"Aerele meets Lens" rewritten as a two-column "Aerele → Lens" since the original Aere + Lens = AereLens premise no longer holds with the rename.


Screenshots live on branch screenshots/pr-6 — kept off products-page-launch so they don't ride into the merge.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant